<!--典型案例/典型异常-->
<template>
    <div class="dxycContainer">
        <toolBar></toolBar>
        <div class="dxycData">
            <el-card class="box-card">
                <el-table size="mini" :data="tableData"  stripe border style="width: 100%">
                <el-table-column prop="ycmc" label="异常名称" width="180"></el-table-column>
                <el-table-column prop="bhlb" label="保护类别" width="180"></el-table-column>
                <el-table-column prop="bhxh" label="保护型号"></el-table-column>
                <el-table-column prop="yclx" label="异常类型"></el-table-column>
                <el-table-column prop="cjr" label="创建人"></el-table-column>
                <el-table-column prop="cjsj" label="创建时间"></el-table-column>
                <el-table-column prop="gldw" label="管理单位"></el-table-column>
                </el-table>
            </el-card>
        </div>
    </div>
</template>

<script>
    import elDragDialog from '@/directive/el-dragDialog' // base on element-ui
    import toolBar from '@/components/page/typicalCases/toolBar/toolBar'
    export default {
        name: 'DragDialogDemo',
        directives: { elDragDialog },
        components:{toolBar},
        data() {
            return {
                dialogTableVisible: false,
                options: [
                    { value: '选项1', label: '黄金糕' },
                    { value: '选项2', label: '双皮奶' },
                    { value: '选项3', label: '蚵仔煎' },
                    { value: '选项4', label: '龙须面' }
                ],
                value: '',
                tableData: [{
                    ycmc: '2016-05-02',
                    bhlb: 'John Smith',
                    bhxh: 'No.1518',
                    yclx: '2016-05-02',
                    cjr: 'John Smith',
                    cjsj: 'No.1518',
                    gldw: 'No.1518'
                }]
            }
        },
        methods: {
            // v-el-drag-dialog onDrag callback function
            handleDrag() {
                this.$refs.select.blur()
            }
        }
    }
</script>
<style>
    .dxycContainer .dxycData .el-card .el-card__body{
        padding: 5px;
    }
</style>
<style scoped>
    .dxycData{
        margin-top: 5px;
    }
</style>
